

.login-container {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: auto;
    background-color:#f0f2f5;
    @media (min-width: 768px) {
        background-image: url('/assets/images/login_bg.svg');
        background-repeat: no-repeat;
        background-position: center 110px;
        background-size: 100%;
    }
    .content {
        flex: 1 1 0%;
        @media (min-width: 768px) {
            padding: 112px 0 24px;
        }
        .top-container {
            margin-bottom: 40px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            a {
                text-decoration: none;
                img {
                    height: 40px;
                    vertical-align: top;
                    margin-right: 16px;
                }
                span {
                    font-size: 24px;
                    color: rgba(0,0,0,.85);
                    font-family: "YouYuan", "SimHei", "Microsoft YaHei", "STHeiti", "Helvetica Neue", Arial, Helvetica, sans-serif;
                    font-weight: 600;
                    position: relative;
                    top: 2px;
                }
            }
        }
        .main-container {
            margin: 0 auto;
            width: 368px;
            .form-title {
                margin-bottom: 24px;
                font-size: 14px;
                line-height: 24 px;
            }
            .login-form-forgot {
                float: right;
            }
        
            .login-form-button {
                margin: 20px 0;
                width: 100%;
            }
            .login-form-to-register {
                display: block;
                text-align: center;
                line-height: 24px;
            }
        }
    }
    .footer {
        padding: 0 16px;
        margin: 48px 0 24px;
        text-align: center;
        .copyright {
            color: rgba(0,0,0,.45);
            font-size: 14px;
        }
    }
}